/**
 * global.css
 * @desc 全局CSS
 * 命名规范：布局（grid）（.g-）：将页面分割为几个大块，通常有头部、主体、主栏、侧栏、尾部等！
 *		     模块（module）（.m-）：通常是一个语义化的可以重复使用的较大的整体！比如导航、登录、注册、各种列表、评论、搜索等！
 *		     元件（unit）（.u-）：通常是一个不可再分的较为小巧的个体，通常被重复用于各种模块中！比如按钮、输入框、loading、图标等！
 *		     功能（function）（.f-）：为方便一些常用样式的使用，我们将这些使用率较高的样式剥离出来，按需使用，通常这些选择器具有固定样式表现，比如清除浮动等！不可滥用！
 *		     皮肤（skin）（.s-）：如果你需要把皮肤型的样式抽离出来，通常为文字色、背景色（图）、边框色等，非换肤型网站通常只提取文字色！非换肤型网站不可滥用此类！
 *		     状态（.z-）：为状态类样式加入前缀，统一标识，方便识别，她只能组合使用或作为后代出现（.u-ipt.z-dis{}，.m-list li.z-sel{}），具体详见命名规则的扩展相关项。
 */
.none{display:none;}
.ellipsis{-o-text-overflow:ellipsis;text-overflow:ellipsis;word-berak:normal;word-wrap:normal;white-space:nowrap;overflow:hidden}
.u-m-a{margin:0 auto;}

.u-pos-rel{position:relative;}
.u-w-1p{width:100% !important;}
.u-w-2p{width:50% !important;}
.u-w-3p{width:33.3% !important;}
.u-w-25p{width:37.5% !important;}
.u-w-4p{width:25% !important;}
.u-w-5p{width:20% !important;}
.u-w-70{width:70px !important;}
.u-w-90{width:90px !important;}
.u-w-120{width:120px !important;}
.u-w-100{width:100px !important;}
.u-w-150{width:150px !important;}
.u-w-180{width:180px !important;}
.u-w-220{width:220px !important;}
.u-w-300{width:300px !important;}
.u-h-35{height:35px !important;}

/**间距**/
.u-m-10{margin:10px}
.u-m-20{margin:20px}
.u-mt-3{margin-top:3px}
.u-mt-5{margin-top:5px}
.u-mt-0{margin-top:0}
.u-mt-10{margin-top:10px !important;}
.u-mt-15{margin-top:15px !important;}
.u-mt-20{margin-top:20px !important;}
.u-mt-30{margin-top:30px}
.u-mt-45{margin-top:45px}
.u-mt-50{margin-top:50px}
.u-ml-10{margin-left:10px}
.u-ml-15{margin-left:15px}
.u-ml-20{margin-left:20px}
.u-ml-30{margin-left:30px}
.u-ml-80{margin-left:80px}
.u-mb-10{margin-bottom:10px}
.u-mb-15{margin-bottom:15px}
.u-mb-50{margin-bottom:50px}
.u-mr-10{margin-right:10px}
.u-mr-20{margin-right:20px}
.u-p-10{padding:10px !important;}
.u-p-20{padding:20px}
.u-pr-30{padding-right:30px;}
.u-plr-10{padding:0 10px}
.u-pt-5{padding-top:5px}
.u-pt-10{padding-top:10px}
.u-pt-40{padding-top:40px}
.u-pt-45{padding-top:45px}
.u-pl-10{padding-left:10px}
.u-pl-20{padding-left:20px}
.u-pb-10{padding-bottom:10px}
.u-pb-20{padding-bottom:20px}
.u-pb-50{padding-bottom:50px}
.u-pb-55{padding-bottom:55px}
.u-pb-70{padding-bottom:70px}
.u-pt-20{padding-top:20px;}
.u-pt-30{padding-top:30px;}

/**背景色**/
.u-bg-white{background:#ffffff;}
.u-bg-ddd{background:#ddd !important;}
.u-bg-gray{background:#b1b1b1 !important;}
.u-bg-f5{background:#f5f5f5;}
.u-bg-black{background:#222222;}
.u-bg-red{background:#E61414 !important;}
.u-bg-orange{background:#ff9800;}
.u-bg-green{background:#13966c !important;}
.u-bg-blue{background:#2d78b9 !important;}
.u-bg-violet{background:#7B0959;}
.u-bg-cover{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

/**颜色**/
.u-color-black{color:#333;}
.u-color-orange{color:#ff9800}
.u-color-gray{color:gray}
.u-color-red{color:#CC5978}
.u-color-red2{color:red;}
.u-color-green{color:#75b976 !important;}
.u-color-blue{color:#0061b0}
.u-color-fff{color:#ffffff !important;}
.u-color-white{color:#ffffff}
.u-color-black{color:#333333}
.u-color-qgreen{color:#76b5b5}

/**字体**/
.u-f-5em{font-size:5em;}
.u-f-12{font-size:12px;}
.u-f-14{font-size:14px !important;}
.u-f-16{font-size:16px;}
.u-f-18{font-size:18px;}
.u-f-20{font-size:20px;}
.u-f-24{font-size:24px;}
.u-f-28{font-size:28px;}
.u-f-30{font-size:30px;}
.u-f-36{font-size:36px;}
.u-f-40{font-size:40px;}
.u-f-b{font-weight:bold;}
.u-fw-100{font-weight:100;}
.u-lh-70{line-height:70px !important;}
.u-lh-40{line-height:40px !important;}
.u-lh-24{line-height:24px !important;}
.u-lh-35{line-height:35px !important;}
.u-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.u-vatt{vertical-align: text-top;}
.u-vasub{vertical-align: sub;}
.m-skin-block{display:inline-block;width:10px;height:10px;margin-right:5px;}
.m-nodata-tips{text-align:center;color:#888;font-size:18px;padding-top:50px}
.u-block{display:block;}
.u-bt-ddd{border-top:1px solid #ddd;}
.u-br-none{border-right:0 !important;}
.u-bb-none{border-bottom:0 !important;}
.button-green{background-color: #34cc67;border-color: #76b5b5;color: #FFF;}
.button-green:hover{background-color: #24b555;color: #FFF;}

/**文件上传**/
.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);}
.webuploader-li{float:left;width:110px;margin-right:15px;margin-bottom:15px;}
.webuploader-list{float:left;width:110px;margin-right:15px;margin-bottom:15px;padding:5px;border:1px solid #ddd;border-radius:4px;}
.webuploader-upimg{float:left;width:100px;}

/**分页显示**/
.paginationU{text-align:center;padding-bottom:20px;}
.paginationU a,.paginationU .current{color:#333;position:relative;display:inline-block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:3px;margin-bottom:5px;margin-right:5px}
.paginationU a:hover{border: 1px solid #303030;background: #303030;color: #ffffff;}
.paginationU .current{z-index:2;color:#fff;background-color:#f4645f;border-color:#f4645f;cursor:default}